<script setup>
import { RouterView } from 'vue-router'
import { ref, onMounted } from 'vue'
const nav_list = ref([
  {
    title: '精选案例',
    url: 'jingxuan',
    en: 'SELECTED CASE',
    sonList: []
  },
  {
    title: '设计名人堂',
    en: 'DESIGN HALL OF FAME',
    url: 'design',
    sonList: []
  },
  {
    title: '在建工地',
    url: 'duilding',
    en: 'FINE CRAFTSMEN SKILL',
    sonList: []
  },
  {
    title: '全案服务',
    url: 'matericl',
    en: 'A WHOLE SERVICE',
    sonList: []
  },
  {
    title: '业主访谈',
    en: 'LATEST INFORMATION',
    url: 'voice',
    sonList: [
      {
        title: '业主访谈',
        url: 'voice',
        image:
          'https://www.shbotao.net//uploads/allimg/20211125/f3d43cd4d4921031fcb8c78aad458b77.png'
      },
      {
        title: '装修攻略',
        url: 'strategylist',
        image:
          'https://www.shbotao.net//uploads/allimg/20211125/f3d43cd4d4921031fcb8c78aad458b77.png'
      },
      {
        title: '招贤纳士',
        url: 'join',
        image:
          'https://www.shbotao.net//uploads/allimg/20211125/52392f96818d874e288b308c2dcaebf4.png'
      },
      {
        title: '最近资讯',
        url: 'activity',
        image:
          'https://www.shbotao.net//uploads/allimg/20211125/4751094a65b21020d7578b04d4059064.png'
      }
    ]
  },
  {
    title: '企业介绍',
    en: 'BOTAO BRAND',
    url: 'about',
    sonList: []
  }
])

onMounted(() => {
  
})
</script>

<template>
  <div class="layout">
    <HerDer :nav_list="nav_list" />
    <RouterView />
    <FooTer />
  </div>
  <HasTip />
</template>

<style scoped>
.layout {
    width: 100%;
    margin: 0 auto;
    background: #f0f2f5
}

.layout .out-page {
    min-height: 100vh
}

.layout .online {
    position: fixed;
    left: calc(50% + 2.68rem);
    width: .86rem;
    height: .86rem;
    z-index: 999;
    top: 70%;
    transform: translateY(-50%);
    cursor: pointer;
    border-radius: 100%
}

.layout .online img {
    position: absolute;
    width: 1.25rem;
    left: 50%;
    top: -.14rem;
    transform: translateX(-53%);
    max-width: 3rem
}
</style>
